<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link href="https://fonts.googleapis.com/css?family=Lato:100,300" rel="stylesheet">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="dist/css/main.css">
		<title>portfolio</title>
	</head>
	<body>
		<!-- three part, header, center pic and footer-->
		<main class="container">
			<header class="row title">
				<figure class="col-2 logo">
					<img src="dist/images/logo.gif" alt="logo">
				</figure>
				<section class="col-10 text-right name">
					<h1>ERU ERA</h1>
					<p class="job text-right">FRONT-END MASTER</p>
				</section>
			</header>
			<figure class="row center-pic">
			</figure>
			<footer>
				<h2 class="row bottom-title">Featured Work</h2>
				<section class="row">
					<figure class="bottom">
						<img src="dist/images/p2.gif" alt="p2">
						<h3>MyProject2</h3>
						<p><a href="https://github.com/eruerua/Myproject2">https://github.com/eruerua/Myproject2</a></p>
					</figure>
					<figure class="bottom">
						<img src="dist/images/p3.gif" alt="p3">
						<h3>MyProject3</h3>
						<p><a href="https://github.com/eruerua/Myproject3">https://github.com/eruerua/Myproject3</a></p>
					</figure>
					<figure class="bottom">
						<img src="dist/images/p4.gif" alt="p4">
						<h3>MyProject4</h3>
						<p><a href="https://github.com/eruerua/Myproject4">https://github.com/eruerua/Myproject4</a></p>
					</figure>
				</section>
			</footer>
		</main>
	</body>
</html>
